.mainbody{
  height: calc(100% - 50px);
  position: absolute;
  top: 50px;
  padding: 0 15px;
}
/*20191104*/
.layui-card{
  background-color: transparent;
}
.left-part .parameter{
  background: url("../images/box4.png") no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: 5px 15px;
  box-sizing: border-box;
}
.left-part .layui-card-bottom{
  background: url("../images/box1.png") no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: 15px 20px;
  box-sizing: border-box;
}
.displacement-chart,.original-chart,.amplitude-chart{
  background: url("../images/box4.png") no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: 15px;
  box-sizing: border-box;
}
.rockDataList{
  background: linear-gradient(to bottom, rgba(82, 82, 82, .2), rgba(61, 114, 180, .2));
  color: #ececec;
  box-sizing: border-box;
}
.layui-table[lay-skin=line]{
  border-color: var(--bdcolor);
}
.layui-table thead tr{
  background-color: var(--bgcolor);
}
.layui-table th,.layui-table td{
  border-color: var(--bdcolor);
}
.layui-table thead tr,.layui-table tbody tr:hover{
  background: rgba(1,202,217,.2);
}
/*旧*/
.layui-form-item{
  margin-bottom: 5px;
}
.area-option-wrap,.trough-option-wrap{
  width: 120px;
}
.motor-option-wrap{
  width: 200px;
}
.xm-select-dl{
  width: auto !important;
}
.layui-table{
  margin: 0;
}
.left-part{
  width: 28%;
  height: 100%;
  float: left;
  box-sizing: border-box;
}
.right-part{
  width: 72%;
  height: 100%;
  float: left;
  box-sizing: border-box;
}
.layui-card-top{
  position: relative;
  color: #333;
  font-size: 14px;
  padding: 5px;
  box-sizing: border-box;
}
.layui-card-bottom{
  padding: 5px;
  box-sizing: border-box;
}
.right-part .layui-card-top{
  height: 40%;
}
.left-part .layui-card-bottom{
  overflow: auto;
}
.right-part .layui-card-bottom{
  height: 60%;
}
.displacement-chart,.original-chart{
  width: 50%;
  height: 100%;
  float: left;
}
.amplitude-chart{
  width: 100%;
  height: 100%;
}
/*滚动条*/
.layui-card-bottom::-webkit-scrollbar {
  display: none;
  width: 5px;
}
.layui-card-bottom::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: transparent;
}
.layui-card-bottom{  /*IE滚动条*/
  scrollbar-face-color:rgb(82, 129, 179); /*滚动条3D表面（ThreedFace）的颜色*/
  scrollbar-highlight-color:rgb(82, 129, 179); /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
  scrollbar-shadow-color:rgb(82, 129, 179); /*滚动条3D界面的暗边（ThreedShadow）颜色*/
  scrollbar-3dlight-color:rgb(82, 129, 179); /*滚动条亮边框颜色*/
  scrollbar-arrow-color:rgb(82, 129, 179); /*滚动条方向箭头的颜色 */
  scrollbar-track-color:rgb(82, 129, 179); /*滚动条的拖动区域(TrackBar)颜色*/
  scrollbar-darkshadow-color:rgb(82, 129, 179); /*滚动条暗边框（ThreedDarkShadow）颜色*/
}